<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<th:block th:include='common::css_script'></th:block>
</head>
<body>
	<div>
		<div class="btn-tools">
			<button class="btn btn-success" data-toggle="modal" data-target="#addMenu" type="button">新增</button>
			<button class="btn btn-primary" data-toggle="modal" data-target="#editMenu" type="button">修改</button>
			<button class="btn btn-danger" type="button">删除</button>
			<input class="form-control float-left margin-left-5 width-300"/>
			<button class="btn btn-info" type="button">搜索</button>
		</div>

		<table class="table table-bordered table-hover">
			<thead>
				<tr>
			      <th scope="col">#</th>
			      <th scope="col">图标</th>
			      <th scope="col">菜单ID</th>
			      <th scope="col">菜单名称</th>
			      <th scope="col">菜单URL</th>
			      <th scope="col">菜单级别</th>
			      <th scope="col">创建时间</th>
			      <th scope="col">修改时间</th>
			      <th scope="col">排序编号</th>
			    </tr>
			</thead>
			<tbody class="page">
				<tr th:fragment="menuList" th:each="row:${page.contentList}">
					<td><input type="checkbox" /></td>
					<td><i th:class="${row.icon}"></i></td>
					<td>[[${row.menuId}]]</td>
					<td>[[${row.menuName}]]</td>
					<td>[[${row.url}]]</td>
					<td>[[${row.menuLevel}]]</td>
					<td>[[${row.addTime}]]</td>
					<td>[[${row.updateTime}]]</td>
					<td>[[${row.order}]]</td>
				</tr>
			</tbody>
		</table>
		<th:block th:include='common::page_navigation'></th:block>
	</div>

	<!-- 新增 -->
	<div class="modal fade" id="addMenu" tabindex="-1" role="dialog">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
					<h4 class="modal-title" >新增</h4>
				</div>
				<div class="modal-body">
					<form id="addIconForm">
						代码<input name="value" class="form-control"/>
					</form>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
					<button type="button" class="btn btn-primary" id="addIcon">保存</button>
				</div>
			</div>
		</div>
	</div>

	<!-- 新增 -->
	<div class="modal fade" id="editMenu" tabindex="-1" role="dialog">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
					<h4 class="modal-title">修改</h4>
				</div>
				<div class="modal-body">
					<form id="editMenuForm">
						代码<input name="value" class="form-control"/>
					</form>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
					<button type="button" class="btn btn-primary" id="saveMenu">保存</button>
				</div>
			</div>
		</div>
	</div>

</body>
</html>